//测试跟路径
// axios({
//     method:'post',
//     url:'/api/login',
//     data:{
//         username:'8422000',
//         password:'8422000',
//     }
// })
// .then((result)=>{
//     console.log(result)
// })
//根路径设置成功
//==================================================
//登录注册页面切换部分
//获取元素
const login=document.querySelector('.login')
// console.log('login: ', login);
const register =document.querySelector('.register')
// console.log('register: ', register);
const loginA=document.querySelector('.login a')
// console.log('loginA: ', loginA);
const registerA =document.querySelector('.register a')
// console.log('registerA: ', registerA);
loginA.addEventListener('click',function(){
    //点击登录
    login.style.display='none'//登录隐藏
    register.style.display='block'//注册显示
})
registerA.addEventListener('click',function(){
    login.style.display='block'//登录显示
    register.style.display='none'//注册隐藏
})
//=====================================================
//登录请求成功部分，如果有错误，给出相应的提示，加上插件效果
const loginForm=document.querySelector('.login form')
// console.log('loginForm: ', loginForm);
loginForm.addEventListener('submit',function(e){
e.preventDefault()
//快速获取数据
const datastr=$(loginForm).serialize()
console.log('datastr: ', datastr);
axios({
    method:'post',
    url:'/api/login',
    data:datastr
})
.then((result)=>{
    //判断业务码是否正常，并且给出相应的提示
    if(result.data.code!==0){
// console.log(result.data.message)
  toastr.info(result.data.message);
// alert(result.data.message)
    }else{
        //获取token
        localStorage.setItem('token',result.data.token)
        toastr.success('成功');
        setTimeout(()=>{
            console.log(result)
            //js的文件跳转是以运行此代码的index.html文件作为跳转的初始位置
        location.href='index.html'
        },1000)
    }
})
})
//容易忘记的部分
//获取全部数据的办法 const data=$(表单名称).serialize
//定时器的格式set timeout(()=>{},间隔时间)
//css中文件的跳转是以本身为坐标物，js是以运行此代码的index.html为参考物
//本地存储的格式：locastorage.setitem('',data)
